body,html{
	font-size: 14px;
	/*background: white;*/
}

em,i{ font-style: normal;}
h4{
	font-weight: normal;
}
.pct80{
	width: 80%;
}
.p0{
	padding: 0;
}
.m0{
	margin: 0;
}
.p5{
	padding: 0 0.5em;
}
.p10{
	padding: 0 1em;
}
.pt5{
	padding-top: 0.5em; 
}
.pb5{
	padding-bottom: 0.5em;
}
.pt10{
	padding-top: 1em;
}
.pb10{
	padding-bottom: 1em;
}
.pl10{
	padding-left: 1em;
}
.pr10{
	padding-right: 1em;
}
.m10{
	margin: 0 10px;
}
.mt10{
	margin-top: 1em;
}
.mb10{
	margin-bottom: 1em;
}
.ml2{
	margin-left: 0.2em;
}
.mt5{
	margin-top: 0.5em;
}
.mr5{
	margin-right: 0.5em;
}
.mb5{
	margin-bottom: 0.5em;
}
.mr10{
	margin-right: 1em;
}
.bt9{
	border-top: 1px solid #999999;
}
.bd9{
	border-bottom: 1px solid #999999;
}
.bde{
	border-bottom: 1px solid #EEEEEE;
}
.bra{
	border-right: 1px solid #aaa;
}
.brc8c7cc{
	border-right: 1px solid #c8c7cc;
}

.color18{
	color: #181818;
}
.color9{
	color: #999999;
}
.color02b260{
	color: #02b260;
}
.blue4889c1{
	color: #4889c1;
}
.colorGreen{
	color: #05b160;
}
.colorWhite{
	color: white !important;
}
/*重置mui的颜色值*/
.mui-badge-warning.mui-badge-inverted, .mui-badge-yellow.mui-badge-inverted{
	color: #f78267;
}
.mui-content{
	background-color: #f5f7f7;
}


.f08{
	font-size: 0.8em;
}
.f10{
	font-size: 1em;
}
.f12{
	font-size: 1.2em;
}
.f14{
	font-size: 1.4em;
}
.f15{
	font-size: 1.5em;
}
.bg-white{
	background: white;
}
.rel{
	position: relative;
}
.abs{
	position: absolute;
}
.mauto{
	margin: 0 auto;
}
.green02b260{
	color: #FFFFFF;
	background: #02b260;
}
.green92c802{
	color: #FFFFFF;
	background: #92c802;
}
.green05b160{
	color: #FFFFFF;
	background: #05b160;
}

.down-triangle{
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 8px solid #666;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
}
.vm{
	vertical-align: middle;
}
.opc100{
	background-color: rgba(247, 247, 247, 1); 
}

.circle{
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
}
.nowrap{
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/*修改框架按钮的padding*/
.mui-btn-block{
	padding: 10px 0;
}
.mui-bar-tab .mui-tab-item.mui-active{
	color: #F1394C;
}
/******************框架列表的右箭头距离和大小********************/
.mui-navigate-right:after, .mui-push-right:after{
	right: 4px;
	font-size: 20px;
}
/*首页*/
.fjol-header{
background-color: rgba(247,247,247,1) !important;	

}
.choose-list{
	background: #FFFFFF;
	padding: 1em 0;
}
.choose-list ul{
	padding: 0;
}
.choose-list ul li a{
	color: #181818;
}
.choose-list ul li:not(:last-child){
	border-right: 1px solid #181818;
}
.tuijian-list{
	width: 180px !important;
	line-height: 24px !important;
}
.tuijian-list img{
	width: 100%;
}
#xol_topMenu li{
	padding-top: 4px;
	padding-bottom: 4px;
}
	/*底部菜单栏图标样式*/
	.home-icon{
		background: url(../imageNew/icon_tabbar_home@2x.png) no-repeat;
		background-size: contain;

	}
	.mui-active .home-icon{
		background-image: url(../imageNew/icon_tabbar_home_selected@2x.png);
	}
	.buyhouse-icon{
		background: url(../images/icon_tabbar_buy@2x.png) no-repeat;
		background-size: contain;
	}
	.mui-active .buyhouse-icon{
		background-image: url(../images/icon_tabbar_buy_selected@2x.png);
	}
	.agent-icon{
		background-image: url(../imageNew/icon_tabbar_agent@2x.png);
		background-size: contain;
	}
	.mui-active .agent-icon{
		background-image: url(../imageNew/icon_tabbar_agent_selected@2x.png);
	}
	.sellhouse-icon{
		background: url(../imageNew/icon_tabbar_entrust@2x.png) no-repeat;
		background-size: contain;
	}
	.mui-active .sellhouse-icon{
		background-image: url(../imageNew/icon_tabbar_entrust_selected@2x.png);
	}
	.user-icon{
		background: url(../imageNew/icon_tabbar_mine@2x.png) no-repeat;
		background-size: contain;
	}
	.mui-active .user-icon{
		background-image: url(../imageNew/icon_tabbar_mine_selected@2x.png);
	}
	.publish-icon{
		width: 50px; height: 50px;display: block;
		margin: 0 auto;
		margin-top: -25px;
		background: url(../imageNew/icon_tabbar_public@2x.png) no-repeat;
		background-size: contain;
	}
	
	/*我的页面，图标*/
	.buyer-center ul li span{
		width: 33px;
		height: 33px;
		display: inline-block;
	}
	.myIcon-reservation{
		background: url(../images/icon_appointment@2x.png) no-repeat;
		background-size: contain;
	}
	.myIcon-cutPrice{
		background: url(../images/icon_bargain@2x.png) no-repeat;
		background-size: contain;
	}
	.myIcon-myHouse{
		background: url(../images/icon_favorite@2x.png) no-repeat;
		background-size: contain;
	}
	.myIcon-mortgageHouse{
		background: url(../images/icon_subscribe@2x.png) no-repeat;
		background-size: contain;
	}
	.myIcon-houseBrowse{
		background: url(../images/icon_browse_history@2x.png) no-repeat;
		background-size: contain;
	}
	.myIcon-houseAgent{
		background: url(../images/icon_my_agent@2x.png) no-repeat;
		background-size: contain;
	}
	/*卖家中心*/
	.myIcon-selleHouseRecord{
		background: url(../images/icon_progress@2x.png) no-repeat;
		background-size: contain;
	}
	.myIcon-houseCoupon{
		background: url(../images/icon_discount.png) no-repeat;
		background-size: contain;
		width: 22px;
		height: 22px;
		display: inline-block;
		vertical-align: middle;
	}
	/*房贷计算器*/
	.myIcon-houseLoan{
		background: url(../images/icon_menu_calculator@2x.png) no-repeat;
		background-size: contain;
		width: 22px;
		height: 22px;
		display: inline-block;
		vertical-align: middle;
	}
	.myIcon-tel{
		background: url(../images/icon_service@2x.png) no-repeat;
		background-size: contain;
		width: 22px;
		height: 22px;
		display: inline-block;
		vertical-align: middle;
	}
	.myIcon-feedback{
		background: url(../images/icon_feedback@2x.png) no-repeat;
		background-size: contain;
		width: 22px;
		height: 22px;
		display: inline-block;
		vertical-align: middle;
	}
	#countPay{
		border: none;
	}
	/*积分商城*/
	.myIcon-mall{
		background: url(../images/icon_menu_mall@2x.png) no-repeat;
		background-size: contain;
		width: 22px;
		height: 22px;
		display: inline-block;
		vertical-align: middle;
	}
	/*分享*/
	.myIcon-share{
		background: url(../images/icon_menu_share@2x.png) no-repeat;
		background-size: contain;
		width: 22px;
		height: 22px;
		display: inline-block;
		vertical-align: middle;
	}
/*搜索页面*/
.fjol-search{
	background: #FFFFFF;
	border-radius: 30px;
	vertical-align: middle;
	padding: 0 1em;
}
.fjol-search input{
	margin: 0;
	background: none;
	border: none;
	padding: 0;
}
/*房屋列表*/
.fj-house-tab{
	line-height: 2em;
	display: box;
	display: -moz-box;
	display: -webkit-box;
}
.fj-house-tab .fj-house-tab-li{
	box-flex:1;
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
}
.fj-house-list-img .mui-media-object{
	max-width: 100px;
	height: 90px;
}
.fj-house-list-img .mui-btn{
	padding: 0 2px;
	background: #EEEEEE;
	border: none;
}
.subscriber-icon{
	background: url(../images/subscribe.png) no-repeat;
	width: 40px;
	height: 40px;
	display: inline-block;
}
.fj-house-tab-div{
	top: 3.3em;
	left: 0;
	z-index: 999;
	width: 100%;

}
.fj-house-tab .mui-segmented-control{
	border: none;
}
.fj-house-tab .mui-segmented-control .mui-control-item{
	color: #666666;
	border: none;
}
.fj-house-tab .mui-segmented-control .mui-control-item.mui-active{
	background: none;
	color: #0062CC;
}
.house-list-con .mui-table-view-cell{
	padding-right: 10px;
}
/*房屋详情*/
.fj-detail-ul.mui-grid-view.mui-grid-9{
	background: none;
	border: none;
}
.fj-detail-ul.mui-grid-view.mui-grid-9 .mui-table-view-cell{
	padding: 0.1em 0.6em;
	border: none;
}
.house-owner-img img{
	border-radius: 100%;
	width: 90px;
	height: 90px;
}
.house-icon{
	width: 20px !important;
	height: 20px !important;;
}
.house-loan-icon{
	background: url(../images/icon_calculator@2x.png) no-repeat;
	background-size: contain;
}
.house-cutprice-icon{
	background: url(../images/icon_sms@2x.png) no-repeat;
	background-size: contain;
}

.house-tuan-icon{
	background: url(../images/icon_group_buy@2x.png) no-repeat;
	background-size: contain;
}
.house-appoint-icon{
	background: url(../imageNew/icon_make_appointment@2x.png) no-repeat;
	background-size: contain;
}
.house-detail-footer.mui-bar-tab .mui-tab-item{
	/*color: #FFFFFF;*/
}

.titleStar{
	display:flex;
	align-items:center;
}
.titleStar h4{
	flex:1;
}
.headerStar{
	text-align:center;
	border-left:1px solid #ddd;
	padding: 0 10px;
}
/*房源视频播放样式*/
.hosue-video{
	position: fixed;
	top: 50%;
	transform: translateY(-50%);
	z-index: 999;
	width: 100%;
	/*left: 5%;
	padding: 2%;*/
	background: #FFFFFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
/*房屋详情---------房源亮点*/
.featureColor-yellow{
	background: #FFF3DF;
	color: #D89525;
	border: none;
}
.featureColor-green{
	background: #E2F7E3;
	color: #35B14C;
	border: none;
}
.featureColor-blue{
	background: #DEF5F7;
	color: #3AB1BB;
	border: none;
}
.featureColor-blue2{
	background: #DFF5ED;
	color: #35B78A;
	border: none;
}
/*卖房*/
.fj-selle1:before,.fj-selle1:after{
	background: none;
}
.fj-selle1.mui-table-view .mui-media-object{
	max-width: 100%;
	height: auto;
}
.dn{
	display: none;
}

/*用户中心*/
.buyer-center .mui-grid-view.mui-grid-9 .mui-table-view-cell{
	padding: 0;
	border: none;
}
/*
 * 用户中心
 * 我的预约
 * */
.mui-table-view .tophone-img{
	max-width: 120px;
	height: auto;
	vertical-align: bottom;
}
/*
 * 用户中心
 * 我的经济人
 * */
.change-agent{
	display: inline-block;
	border: 1px solid #999;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	padding: 2px 6px;
}
/*
 * 交易进度
 * */
.done-rate{
	margin-left: 30px;
	height: 75px;
	border-left: 1px dashed #000000;
	padding-left: 20px;
}
.done-rate i, .done-rate em{
	background: url(../images/pass-ico.png) no-repeat;
	background-color: #FFFFFF;
	width: 24px;height: 24px;
	padding: 16px;
	display: inline-block;
	margin-left: -32px;
	vertical-align: middle;
	/*margin-top: -8px;*/
}
.done-rate em{
	background: url(../images/current-step-ico.png) no-repeat;
	background-color: #FFFFFF;
}


/*订阅中心*/
/*进度条滑块数字提醒样式*/
.mui-input-range .mui-tooltip{
	width: 30px;
	height: 30px;
	line-height: 30px;
	top: -30px;
	font-size: 12px;
}

/*我的订阅*/
.mortgage-ul{
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	flex-wrap: wrap;
}
.mortgage-ul li{
	padding: 10px;
	
}

/*房贷计算-月供详情*/
.morgate-detail-title li{
	border-right: 1px solid #c8c7cc;
	padding: 0 8px;
}
.morgate-detail-title li:last-child{
	border: none;
}
.morgate-detail-title li:after{
	display: none;
}
.fj-house-mort{
	background: #FFFFFF;
	overflow: hidden;
	line-height: 0.8em;
}
.fj-house-mort-p{
	width: 20%;
	float: left;
	text-align: center;
}

/*重置css颜色值*/
.mui-icon-back:before, .mui-icon-left-nav:before{
	/*color: #02B260;*/
	color: white;
}
.mui-title{
	/*color: #02B260;*/
	color: white;
}
.mui-segmented-control .mui-control-item.mui-active{
	background: #f1394c;
}
.mui-segmented-control{
	border-color: #f1394c;
}
.mui-segmented-control .mui-control-item{
	border-color: #f1394c;
	border-left: 1px solid #f1394c;
	color: #f1394c;
}

.mui-group-list-bar {
	width: 23px;
	background-color: lightgrey;
	position: absolute;
	height: 100%;
	z-index: 10;
	right: 0px;
	-webkit-transition: .2s;
}
#cityLetter{
	position: absolute;
	top: 50%;
	width: 100%;
	text-align: center;
	transform: translateY(-50%);
}
.mui-group-list-bar a {
	display: block;
	text-align: center;
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	line-height: 1.8em;
	color: #aaa;
}
.mui-group-list-bar.active {
	background-color: rgb(200,200,200);
}
.mui-group-list-bar.active a {
	color: #333;
}
.mui-group-list-bar.active a.active {
	color: #007aff;
}
.mui-group-list-alert {
	position: absolute;
	z-index: 20;
	background-color: rgba(0, 0, 0, 0.5);
	width: 80px;
	height: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	border-radius: 40px;
	text-align: center;
	line-height: 80px;
	font-size: 35px;
	color: #fff;
	display: none;
	-webkit-transition: .2s;
}
.mui-group-list-alert.active {
	display: block;
}
#houseAgentList .agentHouse{
	background: #eeeeee;
}
/*
 * 2017-06-05 补充页面
 */
#houseMenu button{
	padding: 2px 0;
	font-size: 1rem;
}
#houseMenu div:nth-child(3) button{
	background: #a1d2b9;
	border-color: #a1d2b9;
}
#houseMenu div:nth-child(4) button{
	background: #80c2d8;
	border-color: #80c2d8;
}